<template>
    <div class="menu">
        <home-menu-item v-for="item in items" :key="item.id" :item="item"></home-menu-item>
    </div>
</template>

<script type="text/ecmascript-6">
    import HomeMenuItem from "./item";

    import {items} from './items';

    /**
     * @author 白雨浓
     * @date 2018/9/21 18:35
     *
     * item列表
     **/
    export default {
        name: 'HomeMenu',
        components: {HomeMenuItem},
        data() {
            return {
                items: items
            }
        },
        mounted() {
            this.$nextTick(() => {

            })
        },
        methods: {}
    }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    .menu {
        width 90%
        margin 50px auto
        text-align center
    }
</style>
